body{min-width: 1200px; width: 100%; background-color:#F5F5F5}

/**/
.four_bg{background: #f6f6f6;font-size: 0; border-top:#e2e9f3 1px solid; padding:50px 0 0;}
.four_l{width: 300px;}
.four_l img{width: 298px;height: 398px; border:#fff 1px solid;}
.four_r{ padding:30px 0 0;width: 900px;}
.four_t{font-size: 24px;color: #333; background:url(../img/four_tbg.gif) no-repeat 20px 0;width: 735px;height: 84px;line-height: 84px;text-align: center;overflow: hidden; padding:0 0 0 20px;}
.four_r ul{ background:url(../img/four_line.gif) repeat-x 0 75px; display:inline-block;width: 800px; padding:35px 0 0 100px;}
.four_r ul li{ background:url(../img/four_k01.png) no-repeat;width: 200px;float: left;position: relative;z-index: 5;}
.four_r ul li em{display: block;width: 65px; padding:10px;z-index: 10;position: relative;}
.four_r ul li em img{width: 65px;height: 65px;}
.four_r ul li b{display: block;font-size: 16px;color: #333; padding:25px 0 12px;}
.four_r ul li span{display: block;font-size: 14px;color: #666;}
.four_r ul li:hover{ background:url(../img/four_k02.png) no-repeat\9;}/* IE6、IE7、IE8支持 */
.four_r ul li:after{content:'';position:absolute;width:100%;height:0; background:url(../img/four_k02.png) no-repeat;top:0;left:0;-webkit-transition:height 1s;transition:height 1s;}
.four_r ul li:hover:after{height:100%;}
/*iserve*/
.iserve{height:367px;padding:45px 0;}
.iserve a{display:block;float:left;width:256px;height:312px;padding:33px 20px 20px 20px;background-color:#fcfbfb;border:1px solid #f1f0f0;text-align:center;color:#7f7f7f;line-height:30px;}
.iserve a span{display:block}
.iserve a .icon{width:162px;height:140px;position:relative;z-index:1;margin:0 auto;}
.iserve a .icon i,.iserve a .icon em{position:absolute;width:100%;height:100%;top:0;left:0;}
.iserve a .icon em,.iserve a .icon i{background:url(../img/iserve_icon.png);}
.iserve a .ti{font-size:22px;color:#333;margin:22px 0;}
.iserve a.a1 .icon em{background-position:0 0;}
.iserve a.a2 .icon em{background-position:0 -140px;}
.iserve a.a3 .icon em{background-position:0 -280px;}
.iserve a.a4 .icon em{background-position:0 -420px;}
.iserve a .icon i{background-position:-162px -560px}
.iserve a.a1:hover .icon em{background-position:-162px 0;}
.iserve a.a2:hover .icon em{background-position:-162px -140px;}
.iserve a.a3:hover .icon em{background-position:-162px -280px;}
.iserve a.a4:hover .icon em{background-position:-162px -420px;}
.iserve a:hover .icon i{background-position:0 -560px}
.iserve a:hover .ti{color:#cb0f04;}

/*产品中心*/
.cp_bg{ font-size: 0;overflow: hidden;}
.chanpin h2{ width: 345px;text-align: center; margin:0 auto; padding:25px 0 0;}
.chanpin h2 a,.case h2 a{font-size: 28px;color: #333;}
.chanpin h2 a:hover,.case h2 a:hover{color: #bf1d2a;}
.chanpin h2 span,.pin h2 span,.case h2 span,.ys h2 span{display: block;font-size: 14px;color: #fff; padding:30px 0 0;font-weight: normal;}

.cp_t{ display:inline-block;width: 1200px; padding-left:200px }
.cp_t .cp_ul01 li{float: left; width: 135px; padding:0 0 0 40px;}
.cp_t .cp_ul01 li a{font-size: 16px;color: #000; display: block;float: left;width: 135px; height:50px; line-height:50px; background-color:#fff; text-align:center}
.cp_t .cp_ul01 li a:hover{ background-color:#0057B6; color:#fff}
.cp_t .cp_ul02{ display:inline-block;width: 685px;float: left;}
.cp_t .cp_ul02 li{padding: 0;width: 171px; background:none;height: 36px;line-height: 36px;}
.cp_t .cp_ul02 li a{display: block;float: left;width: 171px;font-size: 14px;color: #333;height: 36px;line-height: 36px;font-weight: normal; background:none;padding: 0;}
.cp_t li a:hover{color: #bf1d2a;}
.cp_t li.nobor{ background:none;width: 320px;}
.cp_t li.nobor .cp_ul02,.cp_t li.nobor li,.cp_t li.nobor li a{width: 220px;}

.cp_main{ padding:48px 0 0;}
.cp_cen ul li{width: 362px;float: left; padding:10px 35px 0 0;overflow: hidden;}
.cp_cen ul li em{width: 360px;height: 270px;display: block;overflow: hidden; border:#f5f5f5 1px solid;}
.cp_cen ul li img,.case_r ul li img,.ys_m dl dt img,.news_m dt img{width: 360px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp_cen ul li img:hover,.case_r ul li img:hover,.ys_m dl dt img:hover,.news_m dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_cen ul li span{ width:360px; display:block; text-align:center; height:25px; line-height:25px; padding:20px 0 0; overflow:hidden;font-size: 14px;}
.cp_main p{width: 14px;position: absolute;top: 405px;}
.cp_main p img,.hz p img{width: 14px;height: 12px;}
.cp_main p a{display: block;width: 14px;height: 12px;}
.cp_main p a:hover img,.hz p a:hover img {
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}
.cp_main .prev{left: 565px;}
.cp_main .next{left: 620px;}

/**/
.pin_bg{ background:url(../img/pin_bg.jpg) no-repeat center 0;height: 660px; overflow: hidden;}
.pin h2,.ys h2{font-size: 28px;color: #fff; width: 488px;text-align: center; margin:0 auto; padding:25px 0 0;height: 125px;}
.pin dl{ display:inline-block;width: 650px; padding:0 0 60px 35px;}
.pin dl dt{width: 95px;float: left;}
.pin dl dt img{width: 62px;height: 84px;display: block; transition: all 0.3s ease-in-out 0s;}
.pin dl dt:hover img{ transform: rotateY(180deg);}
.pin dl dd{width: 380px;float: left;}
.pin dl dd h5{font-size: 16px;color: #333;height: 30px;line-height: 30px;overflow: hidden;}
.pin dl dd p{font-size: 14px;color: #666;line-height: 22px;height: 44px;overflow: hidden; padding:10px 0 0;}

/*广告条*/
.ban01{ background:url(../img/ban01.jpg) no-repeat center 0; height:220px; overflow:hidden;}
.ban01 p{position: absolute;top: 50px;right: 0;width: 230px;text-align: center;}
.ban01 p span{ display:block; font-size:16px; color:#fff;}
.ban01 p span b{font-size: 24px;display: block; padding:8px 0 0;}
.ban01 p em{ display:block; padding:20px 0 0;width: 140px; margin:0 auto;}
.ban01 p em a{ width:120px; height:40px; padding:0 0 0 20px;line-height: 40px;display: block;font-size: 14px;color: #fff;font-weight: bold; background:url(../img/ban_btn.png) no-repeat; text-align:left;}
.ban01 p em a:hover,.wd_t span a:hover,.news_t span a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;}

.ban010{ background:url(../img/ban011.jpg) no-repeat center 0; height:220px; overflow:hidden;}
.ban010 p{position: absolute;top: 50px;right: 0;width: 230px;text-align: center;}
.ban010 p span{ display:block; font-size:16px; color:#fff;}
.ban010 p span b{font-size: 24px;display: block; padding:8px 0 0;}
.ban010 p em{ display:block; padding:20px 0 0;width: 140px; margin:0 auto;}
.ban010 p em a{ width:120px; height:40px; padding:0 0 0 20px;line-height: 40px;display: block;font-size: 14px;color: #fff;font-weight: bold; background:url(../img/ban_btn.png) no-repeat; text-align:left;}
.ban010 p em a:hover,.wd_t span a:hover,.news_t span a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;}

/*经典案例*/
.case_bg{background: #f5f5f5;padding: 70px 0 50px;font-size: 0;}
.case h2{ background:url(../img/case_tbg.gif) no-repeat;width: 540px;text-align: center; margin:0 auto;height: 115px; padding:25px 0 0;}
.case_l{width: 210px;}
.case_l ul li{width: 210px;height: 42px; padding:0 0 10px;}
.case_l ul li a,.case_l span a{font-size: 14px;color: #333;font-weight: bold; background:url(../img/case_k01.gif) no-repeat;display: block;width: 210px;height: 42px;text-align: center;line-height: 42px;overflow: hidden;}
.case_l ul li.on a,.case_l ul li a:hover{color: #fff; background:url(../img/case_k02.gif) no-repeat;}
.case_l span{display: block;width: 210px;height: 42px;}
.case_r{width: 960px;}
.case_r ul li{width: 400px;float: left; padding:0 0 0 80px;}
.case_r ul li em{width: 396px;height: 296px; border:#fff 2px solid;display: block;overflow: hidden;}
.case_r ul li img{width: 396px;height: 296px;}
.case_r ul li span{ width:400px; display:block; text-align:center; height:25px; line-height:25px; padding:5px 0 0; overflow:hidden;font-size: 14px;color: #333;}

/*合作客户*/
.hz_bg{background: #f5f5f5;padding: 50px 0 ;font-size: 0;}
.hz{background: #fff;height: 190px;}
.hz p{width: 14px; padding-top:85px;}
.hz_l{ padding-left:30px;}
.hz_r { padding-right:30px;}
.hz_c{width: 1110px; display:inline-block;}
.hz_c ul li { width:200px; float:left; padding:35px 11px 0;overflow: hidden;}
.hz_c ul li img{ width:200px; height:100px;}
.hz_c ul li a{-webkit-transition:transform .3s;transition:transform .3s; display:inline-block;}
.hz_c ul li a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}

/*优势*/
.ys_bg{ height: 1100px; padding:20px 0 0;font-size: 0;overflow: hidden; background-color:#fff}
.ys h2{width: 410px;height: 115px;}
.ys_m{ }
.ys_m dl{ display:inline-block;width: 1200px; margin:30px}
.ys_m dl dt{overflow: hidden;float: left;}
.ys_m dl dt img{ }
.ys_m dl dd{width: 550px;float: left; padding:0 0 0 200px;}
.ys_m dl dd h5{font-size: 30px;color: #333;height: 105px;}
.ys_m dl dd h5 span{display: block;font-size: 24px;color: #666; font-family:"Times New Roman", Times, serif; padding:0 0 15px;text-transform: uppercase;}
.ys_m dl dd h5 i{color: #da2332;}
.ys_m dl dd p{font-size: 14px;color: #666;line-height: 30px; background:url(../img/ys_ico03.gif) no-repeat 0 13px; padding:0 0 0 15px;}
.ys_r{position: absolute;top: 325px;right: 0;width: 35px;}
.ys_r a{display: block;width: 10px;height: 20px;}
.ys_r .next{ padding:10px 0 0;}
.ys_r .prev{height: 50px;}
.ys_r ul li{ background:url(../img/ys_ico01.gif) no-repeat 1px 0;width: 8px;height: 8px; padding:0 0 12px 1px;}
.ys_r ul li.on{ background:url(../img/ys_ico02.gif) no-repeat 1px 0;}

/*资讯中心*/
.news_main{ padding:80px 0 30px; font-size:0;}
.news_main h2{ width: 225px;height: 70px;text-align: center;line-height: 70px;overflow: hidden; margin:0 auto 30px;}
.news_main h2 a{font-size: 28px;color: #fff;}

.wd{ width:460px;}
.wd_t{height: 80px;line-height: 80px;overflow: hidden; background:url(../img/wd_tbg.gif)  repeat-x 0 71px;}
.wd_t a{font-size: 20px;color: #fff;font-weight: bold;}
.wd_t a:hover,.wd dt a:hover,.news_m dd h3 a:hover,.about dl dd h5 a:hover{color:#0057B6;}
.wd_t span,.news_t span{display: block;float: right;line-height: 0; padding:28px 10px 0 0;}
.wd_t span img,.news_t span img{width: 80px;height: 30px;}
.wd_t span a,.news_t span a{display: block;width: 80px;height: 30px;}

.wd_m{ margin:30px 0 0;}
.wd dl{ width:460px; height:90px; padding:20px 0 0;}
.wd dt{ background:url(../img/wen.gif) no-repeat; padding-left:45px; height:30px; line-height:22px; overflow:hidden;}
.wd dt a{ font-size:14px; color:#333; font-weight:bold;}
.wd dd{ font-size:14px; color:#666; background:url(../img/da.gif) no-repeat 0 5px; padding:3px 0 0 45px; line-height:25px; height:50px; overflow:hidden;}

.news{ width:670px;}
.news_t{height: 80px; overflow: hidden; background:url(../img/wd_tbg.gif) repeat-x 0 74px;}
.news_t ul li{ float:left; padding:0 30px 0 0;}
.news_t ul li a{ font-size:20px; color:#333; font-weight:bold; display:block; height:80px;float: left;}
.news_t ul li.on a,.news_t ul li a:hover{color: #fff; background:url(../img/news_ico.gif) no-repeat center 74px;}
.news_m dl{ width:670px; padding:30px 0; display:inline-block; overflow:hidden; border-bottom:#ddd 1px dashed;}
.news_m dt{ width:174px; height:130px;float: left;overflow: hidden;}
.news_m dt img{ width:174px; height:130px;}
.news_m dd{ float:left; padding:0 0 0 30px; overflow:hidden; width:450px;}
.news_m dd h3{ height:30px; line-height:30px; overflow:hidden;}
.news_m dd h3 a{ font-size:16px; color:#b0acac;}
.news_m dd p{ font-size:14px; color:#666; height:72px; line-height:24px;overflow: hidden; padding:10px 0 0;}
.news_m .nobor{ border:none;}

/*聚焦三翔*/
.ab_bg{ background:#f5f5f5; padding:50px 0;font-size: 0; overflow:hidden;}
.about dl dt{ width:600px; height:420px; float:left;}
.about dl dt img{ width:600px; height:420px;}
.about dl dd{ width:500px;height: 370px;background: #fff; float:left; padding:50px 50px 0;}
.about dl dd h5{ background:url(../img/ab_tbg.gif) no-repeat;width: 390px;height: 60px;line-height: 60px;overflow: hidden;}
.about dl dd h5 a{ font-size:26px; color:#333; padding:0 0 0 30px;}
.about .ab_desc{ font-size:14px; color:#666; height:130px; line-height:26px; padding:30px 0 0; overflow:hidden;}
.about dl dd span{ display:inline-block;width: 500px; padding:40px 0 0;}
.about dl dd span a{display: block;font-size: 14px;color: #fff; background:url(../img/ab_btn01.gif) no-repeat;width: 120px;height: 40px;text-align: center;line-height: 40px;overflow: hidden; margin:0 10px 0 0;float: left;}
.about dl dd span a:hover{ background:url(../img/ab_btn02.gif) no-repeat;}

/*links*/
.link_bg{ background:url(../img/link_bg.gif) no-repeat center 0;height: 90px;font-size: 0;overflow: hidden;line-height: 90px;}
.link_l {font-size: 16px;color: #fff;font-weight: bold; width:160px;}
.lk_c{ width:1040px;}
.lk_c a{ padding:0 15px; display:inline-block; font-size:14px; color:#333;}

/**/



/**/



/**/



/**/



/**/



/**/



/**/



/**/



/**/



/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}

/**/
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}